html, body {
    width: 100%;
    height: 100%;
    font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
    color: #ffffff;
}

body {
    background-color: #000000;
}

strong {
    font-weight: bold;
}

a {
    color: #ffffff;
}

#wrapper {
    height: 100%;
}

#header1, #header2, #footer {
    height: 8%;
    background-color: #CC0000;
    overflow: hidden;
}

#header1 h1, #header2 h1 {
    padding: 0.2em;
    font-weight: bold;
}

#header2 h1.left { float: left; }
#header2 h1.right {
    float: right;
    color: #ff6666;
}

#counter1 p, #counter2 p {
    text-align: center;
    vertical-align: middle;
}

#footer {
    background-color: #333333;
}

#counter1, #counter2 {
    height: 38%;
    background-color: #000000;
    overflow: hidden;
}

#footer table {
    height: 100%;
    width: 100%;
}

#footer table td {
    width: 33%;
    vertical-align: middle;
}

#footer table td.left { text-align: left; }
#footer table td.middle { text-align: center; }
#footer table td.right { text-align: right; }

#footer table td.middle p { font-weight: bold; }

#footer table td.middle p { padding: 0.2em; line-height: 1.5; }

#footer table td.left img, #footer table td.right img { padding: 5px; }

#slideshow { position:relative; }
#slideshow div { position:absolute; top:0; right:0; z-index:8; width: 100%; background-color: #333333; }
#slideshow img { padding: 0 5px 0 0 !important; }
#slideshow div.active { z-index:10; }
#slideshow div.last-active { z-index:9; }

.pp_description { color: #333333; font-size: 75%; }